.title{
	font-size: 36rpx;
	font-weight: 600;
	color: #333333;
	padding: 40rpx 20rpx;
}
.basics-info{
	.row:last-child{
		border-bottom: 2rpx solid #EEEEEF;
	}
	.row{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 20rpx;
		border-right: 2rpx solid #EEEEEF;
		.lf{
			width: 240rpx;
			height: 80rpx;
			line-height: 80rpx;
			font-size: 28rpx;
			font-weight: 600;
			color: #666666;
			padding: 0 14rpx;
			border-left: 2rpx solid #EEEEEF;
			border-top: 2rpx solid #EEEEEF;
		}
		.rt{
			width: 468rpx;
			height: 80rpx;
			line-height: 80rpx;
			font-size: 28rpx;
			font-weight: 400;
			color: #666666;
			padding: 0 14rpx;
			border-left: 2rpx solid #EEEEEF;
			border-top: 2rpx solid #EEEEEF;
		}
	}
}


.qiun-columns{
	display:flex; 
	flex-direction:column !important;
	border: 2rpx solid #EEEEEF;
	margin: 20rpx;
	overflow: hidden;
	.title{
		text-align: center;
	}
}
.qiun-common-mt{
	margin-top:10rpx;
}
.qiun-bg-white{
	background:#FFFFFF;
}
.qiun-title-bar{
	width:96%;
	padding:10rpx 2%; 
	flex-wrap:nowrap;
}
.qiun-title-dot-light{
	border-left: 10rpx solid #0ea391; 
	padding-left: 10rpx; 
	font-size: 32rpx;
	color: #000000
}
.qiun-charts{
	width: 750rpx; 
	height:500rpx;
	background-color: #FFFFFF;
}
.charts{
	width: 750rpx; 
	height:500rpx;
	background-color: #FFFFFF;
}

.employment-rate{
	border: 2rpx solid #EEEEEF;
	margin: 20rpx;
	padding-bottom: 56rpx;
	.title{
		text-align: center;
	}
	.cont{
		display: flex;
		justify-content: space-around;
		.item{
			width: 172rpx;
			.tip-wrap{
				position: relative;
				width: 172rpx;
				height: 74rpx;
				line-height: 64rpx;
				text-align: center;
				font-size: 32rpx;
				font-family: MicrosoftYaHei;
				color: #FFFFFF;
				.bg{
					position: absolute;
					left: 0;
					top: 0;
					width: 172rpx;
					height: 74rpx;
					z-index: -10;
				}
			}
			.circle{
				width: 150rpx;
				height: 150rpx;
				text-align: center;
				line-height: 150rpx;
				border-radius: 100%;
				font-size: 36rpx;
				font-family: MicrosoftYaHei;
				color: #333333;
				margin: 0 auto;
			}
			.circle-1{
				background: #FFDEBC;
			}
			.circle-2{
				background: rgba(68, 215, 182, 0.2);
			}
			.circle-3{
				background: rgba(123, 200, 40, 0.2);
			}
		}
	}
}

.first-impression{
	border: 2rpx solid #EEEEEF;
	margin: 20rpx;
	padding-bottom: 56rpx;
	.title{
		text-align: center;
	}
	.icont{
		display: flex;
		justify-content: space-between;
		padding: 0 66rpx;
		.item{
			width: 80rpx;
			text-align: center;
			.icon{
				width: 80rpx;
				height: 80rpx;
			}
			.text{
				padding-top: 46rpx;
				font-size: 36rpx;
				font-family: MicrosoftYaHei;
				color: #333333;
			}
		}
	}
}

.professional-details{
	border-top: solid 20rpx #f9f9f9;
	.title{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 10rpx;
		.more{
			font-size: 26rpx;
			font-weight: 400;
			color: #999999;
		}
	}
	.cont{
		padding: 20rpx;
		.item{
			.head{
				font-size: 48rpx;
				font-weight: 400;
				color: #E84C33;	
				padding: 20rpx 0;
			}
			.body{
				font-size: 32rpx;
				font-weight: 400;
				color: #333333;
				line-height: 48rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				display: box;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
			}
		}
	}
}
.open-universities{
	border-top: solid 56rpx #f9f9f9;
	.title{
		padding-bottom: 10rpx;
	}
	.select-wrap{
				display: flex;
				justify-content: space-between;
				padding: 0 20rpx;
				.search{
					display: flex;
					justify-content: space-between;
					width: 428rpx;
					height: 80rpx;
					line-height: 80rpx;
					border-radius: 4rpx;
					border: 2rpx solid #EBEBEB;
					.iconsearch{
						width: 32rpx;
						height: 32rpx;
						color: #DADADA;
						font-size: 40rpx;
						margin: 0 14rpx;
					}
					.placeholder{
						height: 40rpx;
						font-size: 28rpx;
						font-weight: 400;
						color: #CCCCCC;
						line-height: 40rpx;
					}
					input{
						height: 80rpx;
						line-height: 80rpx;
						width: 360rpx;
						padding-right: 14rpx;
					}
				}
				.select{
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 177.5rpx;
					height: 80rpx;
					border-radius: 4rpx;
					position: relative;
					.uni-input{
						font-size: 26rpx;
						font-weight: 400;
						color: #000000;
						height: 80rpx;
						line-height: 80rpx;
						width: 177.5rpx;
						text-align: right;
						padding-right: 60rpx;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
					.iconxxjtfull{
						color: #666;
						font-size: 24rpx;
						position: absolute;
						top: 28rpx;
						right: 20rpx;
					}
				}
			}
		.list-wrap{
			.item{
				display: flex;
				justify-content: space-between;
				background: #FFFFFF;
				padding: 30rpx 20rpx;
				border-top: solid 20rpx #f9f9f9;
				.lf{
					image{
						width: 72rpx;
						height: 72rpx;
					}
				}
				.md{
					width: 540rpx;
					.name-tags-address{
						display: flex;
						align-items: center;
						height: 40rpx;
						.name{
							font-size: 30rpx;
							font-weight: 600;
							color: #333333;
						}
						.tags{
							margin-left: 10rpx;
							margin-right: 24rpx;
							margin-top: -6rpx;
							text{
								border-radius: 10rpx;
								border: 2rpx solid #CCCCCC;
								font-size: 24rpx;
								color: #999;
								padding: 0 8rpx;
							}
							text:not(:last-child){
								margin-right: 4rpx;
							}
						}
						.address{
							font-size: 24rpx;
							font-weight: 400;
							color: #CCCCCC;
							.iconfont{
								font-size: 24rpx;
							}
						}
					}
					.type{
						font-size: 24rpx;
						font-weight: 400;
						color: #666666;
						line-height: 40rpx;
					}
				}
				.rt{
					font-size: 26rpx;
					font-weight: 500;
					color: #E5422D;
				}
			}
		}
}